<template>
  <view class="list-bg addressbar-user">
    <image class="img" src="/static/image/location.png" />
    <view v-if="orderDetailData.customerLinkman" class="name">
      <view>{{ orderDetailData.customerLinkman }}</view>
      <view>{{ orderDetailData.customerPhone }}</view>
    </view>
    <view class="area">{{ orderDetailData.tmsDeliveryArea }}{{ orderDetailData.receiverDetailAddress }}</view>
  </view>
</template>

<script>
export default {
  name: 'AddressBar',
  props: {
    orderDetailData: {
      type: Object,
      default: null
    }
  }
}
</script>
<style scoped lang="scss">
.addressbar-user{
  background:$uni-bg-color url("../../static/image/dash_line.png") repeat-x 0 bottom/auto 22rpx;
  position: relative;
  padding:20rpx 15rpx 15rpx 98rpx;
  line-height: 34rpx;
  .img{
    width: 48rpx;
    height: 50rpx;
    position: absolute;
    top:50%;
    left: 20rpx;
    margin-top:-25rpx;
  }
  .name{
    font-size:$uni-font-size-base;
    line-height: 44rpx;
    font-weight: bold;
    view{
      word-break: break-all;
    }
  }
  .area{
    margin-top:8rpx;
  }
}
</style>
